<!DOCTYPE html>

<html lang='en'>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="http://unpkg.com/vue"></script>
    <script src="./table.js"></script>
    <link rel="stylesheet" href="./table.css">
</head>

<body>
    <div id="root">
        <j-table :column="cols" :data="data1"></j-table>
    </div>
    <script>
         const vm = new Vue({
            el : '#root',
            data : { 
                cols :[
                    {title:"序号",key:'id'},
                    {title:"姓名",key:'name'},
                    {title:"年龄",key:'age'},
                    {title:"地址",key:'address'},
                    {title:"联系方式",key:'mobilePhone'},
                ],
                data1 :[
                    {id:1,name:'Jack',age:11,address:'千峰教育',mobilePhone:123456},
                    {id:2,name:'Andy',age:22,address:'千峰教育',mobilePhone:123456},
                    {id:3,name:'Susan',age:33,address:'千峰教育',mobilePhone:123456},
                ]
             },
            methods : { }    
        });
    </script>
</body>

</html>